.rightPanelContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
  color: var(--text);
}

.tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
  
  :global {
    .ant-tabs-content {
      height: 100%;
      flex: 1;
    }
    
    .ant-tabs-tabpane {
      height: 100%;
    }
    
    .ant-tabs-nav {
      margin-bottom: 0;
    }
    
    .ant-tabs-tab {
      padding: 8px 16px;
      
      .anticon {
        margin-right: 8px;
      }
    }
    
    .ant-tabs-tab-active {
      background-color: rgba(24, 144, 255, 0.1);
    }
  }
}

// 明亮模式样式调整
:global(.light) {
  .tabs {
    :global {
      .ant-tabs-tab-active {
        background-color: rgba(24, 144, 255, 0.05);
      }
    }
  }
} 